<%-------------------------------------------------------------------
 * 页面名称：barCodePayDetail.jsp
 * 功能描述：公共事业费详细信息页面
 * Action: toBarCodePayDetail.do
 *
 *-------------------------------------------------------------------
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="ad" uri="agiledata"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-bean.tld" prefix="bean"%>
<%
	String path = request.getContextPath();
%>
<html>
<head>
<title>公共事业缴费</title>
<meta name="keywords" content="公共事业网上缴费" />
<meta name="description" content="公共事业费 、公共事业网上缴费、水费、电费、煤气费、天燃气、手机费、" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<%=path%>/css/barcodepaystyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/barcodepayfont.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/js/vnv/commonForManage.js"></script>
<script language=javascript src="<%=path%>/js/popcalendar.js"></script>
<SCRIPT LANGUAGE="JavaScript">

	function fillSel(){
	    var barOrMobile = document.all.barOrMobile;
	    var select = "";
	    var type ="";
		for(var i=0;i<barOrMobile.length;i++) {
	        if (barOrMobile[i].checked){
	            select = barOrMobile[i].value;
	            break;
	        }
    	}
    	if (select =="bar")fillBarSel();
    	else fillMobileSel();
    }
    function toDetail(code){
    	document.forms["0"].action="<%=path%>/page/barcodepay/innerBarCodePayDetail.do";
    	document.forms["0"].code.value=code;
    	document.forms["0"].submit();
    }
    
    function fillBarSel(){
	    with(document.all){
	            status.options.length=0;
	            var j = 1;
	            status.options[0] = new Option("所有状态","");
	            <logic:iterate name="status" id="records">
	            status.options[j] = new Option("<bean:write name='records' property='label'/>","<bean:write name='records' property='value'/>");
		        j++;
				</logic:iterate>
	
	            
	    }
    }
    function fillMobileSel(){
	    with(document.all){
	            status.options.length=0;
	            var k = 1;
	            status.options[0] = new Option("所有状态","");
	            <logic:iterate name="mobStatus" id="record">
	            status.options[k] = new Option("<bean:write name='record' property='label'/>","<bean:write name='record' property='value'/>");
		        k++;
				</logic:iterate>
	
	            
	    }
    }
    
</SCRIPT>
</head>

<body>
<div id="mainFrame">
  <div class="rightSider2">
	 <div class="sub_title"><span class="bluefont18bdrop">充值缴费历史查询</span></div>
     <html:form action="payHistorySearch" method="post">
	 <div class="public_search"><table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
        <tr>
          <td width="17%" align="right" bgcolor="#FFFFFF" class="font_blue">缴费类型：</td>
          <td width="35%" bgcolor="#FFFFFF">
          <html:radio property="barOrMobile" value="bar" onclick="fillSel()" style="border:0">公共事业费</html:radio>
          <html:radio property="barOrMobile" value="mobile" onclick="fillSel()" style="border:0">移动手机充值</html:radio>
          </td>
          <td width="18%" align="right" bgcolor="#FFFFFF" class="font_blue">充值缴纳状态：</td>
          <td width="30%" bgcolor="#FFFFFF">
				 <div class="select"><div>
       			 <html:select style="WIDTH: 133px" property="status">
				 <html:option value="">所有状态</html:option>
			     <html:options collection="status" property="value" labelProperty="label" />
				 </html:select></div></div>
		  </td>
        </tr>
        <tr>
          <td align="right" bgcolor="#FFFFFF" class="font_blue">充值缴纳金额：<br /></td>
          <td bgcolor="#FFFFFF"><span class="qzt">
          <html:text styleClass="inputStyle" size="10" property="fromAmount" onkeyup="id_keyup(this)"/>
            </span>至<span class="qzt">
          <html:text styleClass="inputStyle" size="10" property="toAmount" onkeyup="id_keyup(this)"/>
          元</a></span></td>
          <td align="right" bgcolor="#FFFFFF" class="font_blue">充值缴纳日期：</td>
          <td bgcolor="#FFFFFF"><span class="qzt">
          <ad:calendar property="startDate" path="<%=path%>" size="10" />
            </span>至<span class="qzt">
            <ad:calendar property="endDate" path="<%=path%>" size="10" /> 
            </span></td>
        </tr>
        <tr>
        <td width="17%" align="right" bgcolor="#FFFFFF" class="font_blue">条形码/手机号码：</td>
        <td width="35%" bgcolor="#FFFFFF"><html:text styleClass="inputStyle" property="code" size="45"/></td>
        <td width="17%" align="right" bgcolor="#FFFFFF" class="font_blue"></td>
          <td width="35%" bgcolor="#FFFFFF"></td>
        </tr>
        <tr>
          <td colspan="4" align="right" bgcolor="#FFFFFF"><hr size="1" style="color:#88A7C0;"/></td>
        </tr>
        <tr>
          <td colspan="4" align="center" bgcolor="#FFFFFF">
            <input name="button" type="submit" class="graybutton_style" value="查 询"/></td>
        </tr>
      </table>
	 </div>
	 <div class="public_table">
	   <table width="100%" class="tablestyle">
	   <logic:equal name="barCodePayForm" property="barOrMobile" value="bar">
         <tr>
		   <th><span class="blue14">缴费类型</span></th>
		   <th><span class="blue14">公司</span></th>
           <th><span class="blue14">账单月份</span></th>
           <th><span class="blue14">条形码</span></th>
           <th><span class="blue14">缴费金额</span></th>
           <th><span class="blue14">状态</span></th>
           <th><span class="blue14">缴费时间</span></th>
		   <th>&nbsp;</th>
         </tr>
         <logic:present name="pageBean" property="data">
         <logic:iterate name="pageBean" property="data" id="record">
         <tr>
		   <td><bean:write name="record" property="corpType"/></td>
		   <td><bean:write name="record" property="companyName"/></td>
           <td><bean:write name="record" property="createTime" format="yyyy-MM-dd"/></td>
           <td><bean:write name="record" property="barCode"/></td>
           <td><bean:write name="record" property="amount"/></td>
           <td>
           <logic:equal name="record" property="type" value="未缴费">
           <a href="#" onclick="toDetail('<bean:write name="record" property="barCode"/>')"><bean:write name="record" property="type"/></a>
           </logic:equal>
           <logic:equal name="record" property="type" value="已缴费">
           <bean:write name="record" property="type"/>
           </logic:equal>
           </td>
           <td><bean:write name="record" property="updateTime" format="yyyy-MM-dd HH:MM:ss"/></td>
		   <td><logic:equal name="record" property="type" value="已缴费"> <a href="#" style="color:#003466;" onclick="javascript:window.open('<%=path%>/page/barcodepay/printBarCodePayDetail.do?orderId=<bean:write name="record" property="payFeeNo" />')" ><img src="<%=path%>/page/information/images/print_icon.gif" border="0" align="absmiddle"/> 打印</a> </logic:equal></td>
         </tr>
         </logic:iterate>
         </logic:present>
         </logic:equal>
         <logic:equal name="barCodePayForm" property="barOrMobile" value="mobile">
         <tr>
           <th><span class="blue14">手机号码</span></th>
           <th><span class="blue14">金额</span></th>
           <th><span class="blue14">缴费时间</span></th>
           <th><span class="blue14">状态</span></th>
         </tr>
         <logic:present name="pageBean" property="data">
         <logic:iterate name="pageBean" property="data" id="record">
         <tr>
           <td><span lang="EN-US" xml:lang="EN-US"><bean:write name="record" property="barCode"/></span></td>
           <td><bean:write name="record" property="amount"/></td>
           <td><bean:write name="record" property="createTime" format="yyyy-MM-dd HH:MM:ss"/></td>
           <td><bean:write name="record" property="type"/></td>
         </tr>
         </logic:iterate>
         </logic:present>
         </logic:equal>
       </table>
       </table>
       <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="25" align="center" class="font_blue">
            <ad:PageBean name="pageBean" /></td>
          </tr>
      </table>
	 </div>
	 </html:form>
    <div style="clear:both;"></div>
  </div>
</div>
<div style="clear:both;"></div>
<SCRIPT LANGUAGE="JavaScript">
	<logic:equal name="barCodePayForm" property="barOrMobile" value="bar">
	fillBarSel();
	</logic:equal>
	<logic:equal name="barCodePayForm" property="barOrMobile" value="mobile">
	fillMobileSel();
	</logic:equal>
</SCRIPT>
</body>
</html>
